<template>
  <div class="layui-row">
       <div class="layui-col-md9 layui-row">
           <lump class="layui-col-md12">
                <base-card title="卡片主题">
                        <div class="layui-row">
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                            <lump col="layui-col-md4">
                                <info-card></info-card>
                            </lump>
                        </div>
                    </base-card>
            </lump>
            <lump class="layui-col-md6">
                   <base-card title="KgoUI">
                     <info-card></info-card>
                   </base-card>

            </lump>
             <lump class="layui-col-md6">
                   <base-card title="KgoUI">
                    <info-card></info-card>
                   </base-card>

            </lump>
       </div>
       <div class="layui-col-md3 layui-row">
            <lump col="layui-col-md12">
                    <base-card title="KgoUI">

                    <ul class="layui-timeline">
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2018年11月23日 KgoUI诞生</h3>
                            <p>
                                kgo为keep go on 的缩写，意思是保持前行。希望开发一套自己的开发框架，不只是vue+layui的前端，还有spring boot2的后端，
                                目前后端框架大体架构已经搭建完成，等主体开发完成遍上传码云和github。
                            </p>
                            </div>
                        </li>
                        <li class="layui-timeline-item">
                            <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                            <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">未来</h3>
                            <p>keepgoon会是一个比较完善的开发框架。我不是全栈工程师，我只是在全栈的路上。
                                <br>有人说全栈工程师是什么都懂，什么都不会，我希望我不是这样。
                                <br>我是在做梦，并不是痴人说梦，而且梦不做一直都只会是个梦。
                                <br>希望能在开发我的开源项目的过程中，激励自己不断前进，愿于大家共勉。
                            </p>
                            </div>
                        </li>
                        </ul>
                    
                    <a href="https://me.csdn.net/qq_26462567" class="layui-btn kgo-link">KgoUI个人博客</a>
                    </base-card>
            </lump>
       </div>
      

  </div>
</template>

<script>
import Lump from './../components/layout/Lump'
export default {
    components: {
      Lump
     
    },
   mounted(){
    layui.element.init();
   }
}
</script>

<style lang="scss">
#kgo-sys-info {
  margin-top: 20px;
  height: 120px;
  text-align: center;
  border-bottom: #009688 3px solid;
}
#kgo-sys-info img{
    height: 60px;
    width:60px;
    border-radius: 50px;
}
#kgo-sys-info h4{
    color: #FFFFFF;
}

.kgo-link{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.2em;
}
</style>
